如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時，可以參考以下方法：

方法一：vue.config.js

module.exports = {
  devServer: {
    https: true,
  }
},

方法二：package.json

"serve": "vue-cli-service serve --https"

任選以上一種方式重新 run serve 後，就會發現變成 https 了

我是使用 Google Chrome 開發，會出現以下警吿：

NET::ERR_CERT_AUTHORITY_INVALID 

只要直接點擊 Proceed to localhost (unsafe) 就能以 https 拜訪 localhost 了

你也可以前往 chrome://flags/#allow-insecure-localhost 並將此項目啟用，並重新啟動 Google Chrome 瀏覽器，就不會再出現以上錯誤訊息

原文出處：
https://ianakaberlin.medium.com/vue-%E5%A6%82%E4%BD%95%E5%9C%A8-localhost-%E9%96%8B%E7%99%BC%E7%92%B0%E5%A2%83%E6%99%82%E4%BD%BF%E7%94%A8-https-%E4%BC%8A%E6%81%A9%E8%B8%A9%E5%9D%91%E7%AD%86%E8%A8%98-b92e9010ee0d